//引入react包 提供了React对象
import React from "react";
//引入react-dom包,提供了reactDOM对象
import ReactDOM from "react-dom/client";
//引入样式,一般全局样式在入口文件中引入
import "./index.css";
//引入App组件
import App from "./App";
//引入性能测试的配置
import reportWebVitals from "./reportWebVitals";

//创建一个根容器
const root = ReactDOM.createRoot(document.getElementById("root"));
//在根容器中渲染App组件
/* 
  React.StrictMode:
    * 是React提供的一个组件
    * 专门用来检查组件内部的组件中出现的潜在问题,不会渲染出来任何UI
    * 检查问题举例如下
      1. 使用旧的生命周期函数(类组件)
      2. 使用旧的ref语法(类组件)
      3. 使用其他的语法.....

*/
root.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

//启动性能测试
reportWebVitals();
